<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self' https: data:; base-uri 'none'; form-action 'self' https:; style-src 'self' https: 'unsafe-inline'; script-src 'self' https: 'unsafe-inline'; object-src 'none'; img-src 'self' http://fastappjump-drcn.hispace.hicloud.com http://thefatherofsalmon.com http://v2.thefatherofsalmon.com http://fastappjump-drcn.hispace.dbankcloud.cn https: data:;"
    />
    <title>国家博物馆元服务</title>
    <style>
      html,
      body,
      #app {
        height: 100%;
      }
      body {
        padding: 0;
        margin: 0;
        font-family: "Roboto", Arial, "PingFang SC", "微软雅黑", sans-serif;
      }
    </style>
    <!-- <script src="/static/kollink/env.js?_t=1742809168000"></script>
    <script src="/static/common/eruda/ErudaUtil.js?_t=1742809168000"></script> -->
    <link
      href="https://appportal-drcn.dbankcdn.cn//static/kollink/202503241737/css/app.cdf82b3adca1bfe505ea.css"
      rel="stylesheet"
    />
    <style type="text/css">
      .page[data-v-1845f3f2] {
        height: 100%;
        max-height: 100%;
        width: 100%;
      }
    </style>
    <!-- <script
      charset="utf-8"
      src="https://appportal-drcn.dbankcdn.cn/static/kollink/202503241737/js/12.b813d9212caa0ab5300b.js"
    ></script> -->
    <style type="text/css">
      .container[data-v-2564cc53] {
        width: 100%;
        height: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .container .titleBox[data-v-2564cc53] {
        width: 100%;
        min-height: 3.5rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        padding: 0 1rem;
      }
      @media screen and (min-width: 740px) and (max-width: 1280px) {
        .container .titleBox[data-v-2564cc53] {
          padding: 0 1.5rem;
        }
      }
      @media screen and (min-width: 1280px) {
        .container .titleBox[data-v-2564cc53] {
          padding: 0 2rem;
        }
      }
      .container .titleBox .title[data-v-2564cc53] {
        font-family: HarmonyHeiTi;
        font-weight: bold;
        font-size: 1.25rem;
        color: rgba(0, 0, 0, 0.9);
        line-height: 1.6875rem;
      }
      .container .startTest[data-v-2564cc53] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .container .startTest img[data-v-2564cc53] {
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 0.75rem;
        margin-top: 4.4375rem;
      }
      .container .startTest .btn[data-v-2564cc53] {
        width: 12.5rem;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 1.25rem;
        background-color: #0a59f7;
        color: #fff;
        font-family: HarmonyHeiTi;
        font-size: 1rem;
        line-height: 1.3125rem;
        font-weight: normal;
        margin-top: 1.5rem;
      }
      .container .startTest .btn[data-v-2564cc53]:active {
        background-color: #0954eb;
      }
      .container .startTest .disable[data-v-2564cc53] {
        width: 12.5rem;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 1.25rem;
        background-color: rgba(10, 89, 247, 0.4);
        color: #fff;
        font-family: HarmonyHeiTi;
        font-size: 1rem;
        line-height: 1.3125rem;
        font-weight: normal;
        margin-top: 1.5rem;
      }
      .container .startTest .tip[data-v-2564cc53] {
        font-family: HarmonyHeiTi;
        color: #e84026;
        font-size: 1rem;
        line-height: 1.3125rem;
        font-weight: normal;
        margin-top: 0.75rem;
        box-sizing: border-box;
        padding: 0 1rem;
        white-space: pre-wrap;
        text-align: center;
      }
      .container .howToTest[data-v-2564cc53] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        padding: 0 1rem;
        margin-top: 4rem;
      }
      @media screen and (min-width: 740px) and (max-width: 1280px) {
        .container .howToTest[data-v-2564cc53] {
          padding: 0 1.5rem;
        }
      }
      @media screen and (min-width: 1280px) {
        .container .howToTest[data-v-2564cc53] {
          padding: 0 2rem;
        }
      }
      .container .howToTest .title[data-v-2564cc53] {
        font-family: HarmonyHeiTi;
        font-weight: normal;
        font-size: 1.125rem;
        color: rgba(0, 0, 0, 0.9);
        line-height: 1.5rem;
        margin-bottom: 1rem;
      }
      .container .howToTest p[data-v-2564cc53] {
        font-family: HarmonyHeiTi;
        font-weight: normal;
        font-size: 0.875rem;
        line-height: 1.1875rem;
        color: rgba(0, 0, 0, 0.6);
        white-space: pre-wrap;
      }
      .container .howToTest .explain[data-v-2564cc53] {
        margin-top: 0.5rem;
      }
      .container .privacy[data-v-2564cc53] {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
      }
      .container .privacy a[data-v-2564cc53] {
        width: auto;
        height: 1.3125rem;
        box-sizing: border-box;
        font-family: HarmonyHeiTi;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.3125rem;
        color: #0a59f7;
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
      }
    </style>
  </head>

  <body>
    <div id="app" data-v-app="">
      <div class="page" data-v-1845f3f2="">
        <div
          class="container router-view"
          data-v-2564cc53=""
          data-v-1845f3f2=""
        >
          <div class="titleBox" data-v-2564cc53="">
            <div class="title" data-v-2564cc53="">国家博物馆-鸿蒙元服务</div>
          </div>
          <div class="startTest" data-v-2564cc53="">
            <img
              alt=""
              src="https://pcticket.chnmuseum.cn/profile/upload/default_image.svg"
              onerror='this.src=""'
              data-v-2564cc53=""
            />
            <div
              style="
                background-color: #a5343c;
                padding: 10px;
                border-radius: 5px;
                margin-top: 20px;
              "
            >
              <!-- <a
                style="color: white !important; text-decoration: none"
                href="'https://appgallery.huawei.com/app/detail?id=6917565662113154005"
                target="_blank"
              >
                去应用市场打开元服务
              </a> -->
              <button type="button" id="btn_navi" onclick="goToLink()" style="background-color: rgba(0, 0, 0, 0);color: #fff;">去应用市场打开元服务</button>
              <!-- <button bindtap="goStore">跳转去市场</button> -->
            </div>
          </div>

          <div class="howToTest" data-v-2564cc53="">
            <div
              class="title"
              data-v-2564cc53=""
              style="color: rgba(0, 0, 0, 0.6)"
            >
              说明
            </div>
            <p style="color: rgba(0, 0, 0, 0.6)">
              1、请在 HarmonyOS NEXT 设备上使用系统浏览器打开当前链接。
            </p>
            <p style="margin-top: 5px; color: rgba(0, 0, 0, 0.6)">
              2、由于您未加载过国家博物馆元服务，所以第一次扫码需要先进入应用市场打开元服务，再体验扫码服务。
            </p>
        
          
          </div>
          <div
            class="privacy"
            data-v-2564cc53=""
            style="color: #0a59f7; font-size: 1rem"
          >
            <!-- <a
              href="https://privacy.consumer.huawei.com/legal/hiapp/privacy-statement.htm?country=CN&amp;branchid=2&amp;language=zh_CN"
              target="_blank"
              data-v-2564cc53=""
              >隐私声明</a
            > -->
          </div>
        </div>
      </div>
    </div>
    <script>
      function goToLink() {
            window.open('store://appgallery.huawei.com/app/detail?id=6917565662113154005')
        }
    </script>
    
  </body>
</html>
